
$(function () {
    // 设置屏幕自适应,改变根标签html的font-size大小
    setFont();
    window.onresize = function () {
        setFont();
    };
    // 根据当前屏幕的宽度 动态设置页面根标签的fontsize
    function setFont() {
        // 要设置的字体大小  = 基础值 * 要适配的屏幕的宽度 /  设计稿宽度
        // 基础值
        var baseVal = 100;
        // 设计稿的宽度
        var pageWidth = 375;
        // 要适配的屏幕的宽度 = 当前屏幕的宽度
        var screenWidth = document.querySelector("html").offsetWidth;
        // 要设置的字体大小
        var fontsize = (baseVal * screenWidth) / pageWidth;
        // 把字体大小动态设置到 html标签中
        document.querySelector("html").style.fontSize = fontsize + "px";
    }

    //   分类标题异步ajax请求
    $.ajax({
        url: "http://193.112.55.79:9090/api/getcategorytitle",
        type: "get",
        dataType: "json",
        success: function (res) {
            // console.log(res);
            var htmlStr = template("categoriesTmp_title", res);
            // 渲染页面
            $("#accordion").html(htmlStr);
           
            // 遍历对象,根据对象的titleid请求渲染对应的数据
            $.each($("#accordion a"), function (index, item) {
                // console.log($("#accordion a"));
                var titleId = $(item).data("titleid");
                $.ajax({
                    url: "http://193.112.55.79:9090/api/getcategory?titleid=" + titleId,
                    type: "get",
                    dataType: "json",
                    success: function (res) {
                        var htmlStr = template("categoryListTmp", res);
                        var $ph = $(item).parent().parent();
                        $ph.next().find(".row").html(htmlStr);
                    }
                })
            })
        }
    });

})
